@import '~@/styles/element-ui/element-variables.less';
@import '~@/styles/common/variables.less';

.el-dialog {
  .el-dialog__body {
    padding: 20px;
  }
  .el-dialog__footer {
    text-align: center;
  }
}

// --------- menu ---------
.el-submenu {
  text-align: center;
  height: @menu_height !important;
  line-height: @menu_height !important;
}
.el-menu--popup {
  // min-width: @menu_item_width !important;
  text-align: center;
  height: @menu_height !important;
  line-height: @menu_height !important;
  background-color: #fff !important;
  .el-menu-item {
    background-color: #fff !important;
    // min-width: 10px !important;
    color: #242424 !important;
    font-size: 14px !important;
  }
  .is-active {
    font-weight: 700 !important;
    color: #3a84fb !important;
  }
  .el-menu-item:hover {
    color: #3a84fb !important;
    background-color: #f0f0f0 !important;
  }
}
.el-menu-item {
  min-width: @menu_item_width !important;
  text-align: center;
  height: @menu_height !important;
  line-height: @menu_height !important;
  padding: 0 10px !important;
}
.homeEn {
  .el-menu-item {
    min-width: @menu_item_width_en !important;
    @media screen and (max-width: 1590px) {
      min-width: 70px !important;
    }
  }

}
.el-menu.el-menu--horizontal {
  border-bottom: solid 1px #246bdd !important;
}
.el-submenu__title {
  width: @menu_item_width !important;
  text-align: center;
  height: @menu_height !important;
  line-height: @menu_height !important;
  // border: 0 !important;
}
.homeEn {
  .el-submenu__title {
    width: @menu_item_width_en !important;
  }
}
.el-submenu {
  .el-icon-arrow-down:before {
    display: none;
  }
}
.is-active {
  .el-submenu__title {
    font-size: 16px;
    border: none !important;

    &::before {
      content: '';
      position: absolute;
      bottom: 3px;
      left: 50%;
      transform: translateX(-50%);
      width: 16px;
      height: 4px;
      border-radius: 2px;
      background: #fff;
    }
  }
}

.el-input__inner {
  font-family: 'Microsoft YaHei' !important;
}

// --------- table ---------
.el-table th {
  color: #242424 !important;
  background-color: rgba(241, 241, 241, 1) !important;
  .cell {
    word-break: break-word !important;
    // min-width: 110px;
  }
}

.el-table--border {
  border: 1px solid #ebeef5;
}

.el-table .el-table__fixed,
.el-table__fixed-right {
  height: auto !important;
  bottom: 10px !important;
}

.el-table__fixed::before,
.el-table__fixed-left::before,
.el-table__fixed-right::before {
  display: none;
}

// --------- form ---------
.el-date-editor .el-range__icon,
.el-input__prefix {
  color: #2f78ef !important;
}

// 滚动条大小设置
.el-table__body-wrapper::-webkit-scrollbar {
  /*纵向滚动条*/
  width: 10px;
  /*横向滚动条*/
  height: 10px;
}

// 滚动条滑块样式设置
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #bfbfc0;
  border-radius: 4px;
}

// 滚动条背景样式设置
.el-table__body-wrapper::-webkit-scrollbar-track {
  background: none;
}

// 去除滚动条上方多余显示
.el-table__header .has-gutter th.gutter {
  display: none !important;
}

.el-message-box {
  .el-message-box__content {
    max-height: 70vh;
    overflow-y: auto;
    word-wrap: break-word;
  }
}

.el-message-box__btns {
  .el-button {
    min-width: 50px;
    background-color: @color-white;
    color: @ButtonClearColor;
    border: 1px solid @ButtonClearBorder !important;
    &:hover,
    &:focus,
    &:active {
      background-color: @color-white;
      color: @color-black-A;
      border: 1px solid @color-black-A !important;
    }
    &.el-button--primary {
      color: @color-white;
      background-color: @ButtonMain;
      border: 1px solid @ButtonMain !important;
      &:hover,
      &:focus,
      &:active {
        background-color: @ButtonMainHover;
        color: @color-white;
      }
    }
  }
}

.el-select-dropdown__item.selected {
  color: @color-blue !important;
}

.el-range-editor {
  .el-range-separator {
    width: 8%;
  }
}

.el-select-dropdown__wrap {
  max-width: 70vw !important;
}

.el-message-box__wrapper {
  z-index: 5000 !important;
}

// 添加在全局样式中
.el-table__body {
  width: 100%;
  table-layout: fixed !important;
}